<template>
	<view class="login_content full">
		<view class="login_top w-full">
			<text class="login_top_title">{{ title }} </text>
			<text class="login_top_describe">{{ describe }} </text>
		</view>
		<view class="login_body">
			<slot name="content"></slot>
		</view>
	</view>
</template>
<script setup>
const props = defineProps({
	title: {
		type: String,
		default: "",
	},
	describe: {
		type: String,
		default: "",
	},
});
</script>
<style lang="scss" scoped>
.login_ {
	&content {
		position: relative;
		background: url(@/static/images/common/login-bg.png) no-repeat center -150rpx/100%;
	}
	&top {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: $uni-text-color-inverse;
		position: absolute;
		top: 150rpx;
		box-sizing: border-box;
		z-index: 10;
		line-height: 70rpx;
		&_title {
			font-size: 36rpx;
			font-weight: bold;
		}
		&_describe {
			font-size: 30rpx;
		}
	}
	&body {
		position: absolute;
		top: calc(310px - 130rpx);
		width: 100%;
	}
}
</style>
